<template>
  <div class="line-component-container w-full h-full relative">
    <svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg">
      <line 
        x1="0" 
        y1="50%" 
        x2="100%" 
        y2="50%" 
        :stroke="component.strokeColor || '#f56c6c'"
        :stroke-width="component.strokeWidth || 2"
        :stroke-dasharray="component.dashed ? '5,5' : 'none'"
        :stroke-linecap="component.lineCap || 'butt'"
      />
    </svg>
  </div>
</template>

<script>
import { defineProps } from 'vue';

export default {
  name: 'LineComponent',
  props: {
    component: {
      type: Object,
      required: true,
      description: '线条组件配置'
    },
    isPreview: {
      type: Boolean,
      default: false,
      description: '是否预览模式'
    }
  },
  setup() {
    return {};
  }
};
</script>

<style scoped>
.line-component-container {
  overflow: hidden;
}
</style>
    